.container {
    display: flex;
    min-height: 100vh;

    .sider {
        display: flex;
        flex-direction: column;
        width: 280px;
        background-color: #fafafa;

        .logo {
            height: 42px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f0f0f0;
            img {
                height: 30px;
            }
        }
        .hosts {
            :global(.ant-tree-node-content-wrapper) {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            :global(.ant-tree) {
                background-color: #fafafa;
            }

            .search {
                margin: 12px 10px;
                width: 260px;
            }
        }
    }
    .content {
        flex: 1;
        display: flex;
        flex-direction: column;

        :global(.ant-tabs-nav) {
            width: calc(100vw - 280px);
            height: 42px;
            margin: 0;
        }

        :global(.ant-tabs-tab-active) {
            border-bottom: 2px solid #1890ff !important;
            transition: unset;
        }
    }
}

.terminal {
    flex: 1;
    display: flex;
    background-color: #000;
    padding-left: 5px;
    height: calc(100vh - 42px);
}

.fig {
    flex: 1;
    background-color: #000;
    color: #fff;
    padding-top: 200px;
    text-align: center;
}

.fileSize {
    padding-right: 24px !important;
}

.drawerHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}